<div class="login-box">
    {{> flash-message}}
    <div class="login-logo">
        <a href="/">{{site.title}}</a>
    </div>
    <div class="login-box-body">
        <p class="login-box-msg">账户注册</p>
        <form action="/join" method="post">
            <div class="form-group has-feedback">
                <input type="text" class="form-control" name="username" placeholder="用户名" minlength="4" maxlength="8" required>
                <span class="glyphicon glyphicon-user form-control-feedback"></span>
            </div>
            <div class="form-group has-feedback">
                <input type="email" class="form-control" name="email" placeholder="邮箱" required>
                <span class="glyphicon glyphicon-envelope form-control-feedback"></span>
            </div>
            <div class="form-group has-feedback">
                <input type="password" class="form-control" name="password" placeholder="密码" minlenght="6" maxlength="24" required>
                <span class="glyphicon glyphicon-lock form-control-feedback"></span>
            </div>
            <div class="form-group has-feedback">
                <input type="password" class="form-control" name="confirm_password" placeholder="确认密码" minlenght="6" maxlength="24" required>
                <span class="glyphicon glyphicon-lock form-control-feedback"></span>
            </div>
            <div class="form-group has-feedback">
                <input type="text" class="form-control" name="inviteCode" placeholder="注册码" minlenght="6" maxlength="24" required>
                <span class="glyphicon glyphicon-log-in form-control-feedback"></span>
                <span class="help-block"><a href="#" data-toggle="modal" data-target="#inviteModal">如何获取注册码</a></span>
            </div>
            <button type="submit" class="btn btn-primary btn-block btn-github">注 册</button>
        </form>
        <div class="social-auth-links text-center">
            <p>- OR -</p>
            <a href="/login" class="btn btn-block btn-primary btn-flat">登 录</a>
        </div>
    </div>
</div>
<!-- Modal -->
<div class="modal fade" id="inviteModal" tabindex="-1" role="dialog" aria-labelledby="myModalLabel">
    <div class="modal-dialog" role="document">
        <div class="modal-content">
            <div class="modal-header">
                <button type="button" class="close" data-dismiss="modal" aria-label="Close"><span aria-hidden="true">&times;</span></button>
                <h4 class="modal-title" id="myModalLabel">如何获取注册码</h4>
            </div>
            <div class="modal-body">
                <p>
                    为了保证站点文章的质量，所以本站采用注册码机制进行注册。
                </p>
                <p>
                    欢迎 <b class="text-danger">对技术编码有狂热爱好的程序猿</b> 加入本站！
                </p>
                <hr>
                <h3>获取注册码的方法：</h3>
                <p>
                    请发送
                    <p>
                        <code>获取《Wincn开发网》注册码</code> + <code>您的姓名</code> +<code>Github地址或者个人博客地址</code>
                    </p>
                    到 <span class="text-primary">gefangshuai@outlook.com</span> 索取注册码.
                </p>
                <p>
                    欢迎 <b class="text-danger">对技术编码有狂热爱好的程序猿</b> 加入本站！
                </p>
            </div>
            <div class="modal-footer">
                <button type="button" class="btn btn-default" data-dismiss="modal">关闭</button>
            </div>
        </div>
    </div>
</div>
<script>
</script>